<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Books List</title>
</head>
<body>
<h1>Books List</h1>
<table border="1">
    <tr>
        <th>ID</th>
        <th>Title</th>
        <th>Author</th>
        <th>ISBN</th>
        <th>Published Date</th>
        <th>Description</th>
        <th>Actions</th>
    </tr>
    <tr th:each="book : ${books}">
        <td th:text="${book.id}"></td>
        <td th:text="${book.title}"></td>
        <td th:text="${book.author}"></td>
        <td th:text="${book.isbn}"></td>
<!--        <td th:text="${#dates.format(book.publishedDate, 'yyyy-MM-dd')}"></td>-->
        <td th:text="${book.description}"></td>
        <td>
            <a th:href="@{|/books/${book.id}|}">Edit</a>
            <a th:href="@{|/books/delete/${book.id}|}">Delete</a>
        </td>
    </tr>
</table>
</body>
</html>
